<template>
  <div>
    <h3>directive</h3>
    <input
      placeholder="请输入"
      v-debounce:input="{ handler: inp, delay: 3000 }"
    />
    {{ val }}
  </div>
</template>

<script  setup lang="ts">
import { ref } from "vue";
const val = ref("");
const inp = (e: any) => {
  val.value = e.target.value;
  console.log("aa");
};
</script>

<style scoped>
</style>